<template>
    <div class="continer">
        <div class="list">
            <p class="msg ">您的新家隐蔽工程验收已经完成，查看验收结果！收已经完成，查看验收结果收已经完成，查看验收结果</p>
            <span class="date">2019-04-22  10：30：22：31</span>
        </div>
        <div class="list">
            <p class="msg new">您的新家隐蔽工程验收已经完成，查看验收结果！收已经完成，查看验收结果收已经完成，查看验收结果</p>
            <span class="date">2019-04-22  10：30：22：31</span>
        </div>
    </div>
</template>

<script>
export default {
    name: 'message',
    data(){
        return {
            
        }
    }
}
</script>

<style lang="stylus" scoped>
.continer
    width 100% 
    display flex
    align-items center
    flex-direction column
    .list
        width 700px
        border-bottom 1px solid #f3f3f3;/*no*/
        display flex
        align-items center
        justify-content center
        flex-direction column
        padding 30px 0
        .msg
            width 628px
            line-height 44px
            font-size 26px
            color #666666
            text-align left 
        .date
            width 628px
            text-align left
            line-height 36px
            font-size 24px
            color #999999
        .new
            color #333333
            position relative
        .new::after
            content:''
            width 12px
            height 12px
            border-radius 50%
            background red
            position absolute
            left -28px
            top 14px

</style>
